---
title: Jelölőnégyzet
image: /images/user-guide/tasks/tasks_header.png
---

<Frame>
  <img src="/images/user-guide/tasks/tasks_header.png" alt="Header" />
</Frame>

Használatos, amikor a felhasználónak több értéket kell kiválasztania több opció közül.

<Tabs>
<Tab title="Usage">

```jsx
import { Checkbox } from "twenty-ui/display";

export const MyComponent = () => {
  return (
    <Checkbox
      checked={true}
      indeterminate={false}
      onChange={() => console.log("onChange function fired")}
      onCheckedChange={() => console.log("onCheckedChange function fired")}
      variant="primary"
      size="small"
      shape="squared"
    />
  );
};
```

</Tab>
<Tab title="Props">

| Tulajdonságok   | Típus    | Leírás                                                                                                                                            |
| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| checked         | boolean  | Jelzi, hogy a jelölőnégyzet be van-e jelölve                                                                                                      |
| határozatlan    | boolean  | Jelzi, hogy a jelölőnégyzet határozatlan állapotban van-e (sem bejelölve, sem nem bejelölve)                                   |
| onChange        | függvény | The callback function you want to trigger when the checkbox state changes                                                                         |
| onCheckedChange | funkció  | The callback function you want to trigger when the `checked` state changes                                                                        |
| változat        | string   | A jelölőnégyzet vizuális stílusának változata. Opcionálisan elérhető: `elsődleges`, `másodlagos` és `harmadlagos` |
| méret           | string   | A jelölőnégyzet mérete. Két opció közül választhat: `kicsi` és `nagy`                                             |
| alak            | string   | A jelölőnégyzet alakja. Két opció közül választhat: `négyzet alakú` és `lekerekített`                             |

</Tab>
</Tabs>
